<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <div>
        <div>
            <div></div>
            <!--                <div><img src="../img/logo_g0yv.jpg"/> </div>-->
            <div class="phone">
                <div></div>
                <div>028-8888888</div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div>
<!--            <div><a href="home.html"> 网站首页</a></div>-->
            <div onclick="window.open('home.html','_self')">网站首页</div>
            <div onclick="window.open('company.html','_self')">公司页面</div>
            <div onclick="location.href='news.html'">新闻页面</div>
            <div onclick="location.href='product.html'">产品展示</div>
            <div onclick="location.href='online.html'">在线留言</div>
            <div onclick="location.href='callus.html'">联系我们</div>
        </div>
    </div>
    <div class="ad">
        <div>
            <!--                html里面空格只显示一次 -->
            <div>
                <div> 品味生活</div>
                <div> ·</div>
                <div> 品味美食</div>
            </div>
            <div>
                <!--           <div> </div>        div是最原始的容器，盒子 -->
                <div>一壶茶彻出了生活的醇美</div>
                <div> 一枝花开出了生活的鲜艳</div>
                <div> 一首诗吟出了生活的酸辛</div>
                <div> 一把火燃烧出了生活的激情</div>
                <div> 一枝笔绘出了人生的五彩缤纷</div>
                <div> 一首歌唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶,这么酸、这么甜、这么苦、又这么辣</div>

            </div>
            <div>
                <!--                    你想单独控制某个文字或者图片就需要在外面加div-->
                <!--                    加自定义属性-->
                <div pw>
                    <div>品味</div>
                    <div>生活</div>
                    <div>品味</div>
                    <div>美食</div>
                </div>
                <div>星语餐饮给你生活指南</div>

            </div>
        </div>
    </div>
</div>
</body>
</html>